<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../style/shop.css">
    <link rel="stylesheet" href="../common/footer.css">
</head>
<body>
    <div class="header">
        <div class="header-wrap">
            <!-- <div class="header_img">
                <img src="../img/index01.png" alt="">
            </div> -->
            <div class="header_nav">
                <div class="nav-wrap">
                    <div class="nav_f">
                        <ul>
                            <li>
                                <a href="">首页</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">华为官网</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">荣耀官网</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">花粉俱乐部</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">花粉俱乐部</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">企业购</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">Select Region</a>
                            </li>
                            <li class="nav_f_last">
                                <b>|</b>
                                <a href="">更多精彩</a>
                                <span>∨</span>
                                <div id="nav_f_yc">
                                    <ul>
                                        <li>
                                            <a href="">EMUI</a>
                                        </li>
                                        <li>
                                            <a href="">应用市场</a>
                                        </li>
                                        <li>
                                            <a href="">华为终端云空间</a>
                                        </li>
                                        <li>
                                            <a href="">开发者联盟</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="nav_r">
                        <ul>
                            <li>
                                <a href="">请登录</a>
                                <a href="">&nbsp;&nbsp;注册</a>
                            </li>
                            <li>
                                <b>|</b>
                                <a href="">我的订单</a>
                            </li>
                            <li class="li1">
                                <b>|</b>
                                <a href="">客户服务</a>
                                <span>∨</span>
                                <div class="yc1">
                                    <ul>
                                        <li>
                                            <a href="">服务中心</a>
                                        </li>
                                        <li>
                                            <a href="">联系客服</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="li2">
                                <b>|</b>
                                <a href="">网站导航</a>
                                <span>∨</span>
                                <div class="yc2">
                                    <ul>
                                        <li>商城首页</li>
                                        <li>
                                            频道
                                            <ul class="pd">
                                                <li>
                                                    <a href="">华为专区</a>
                                                </li>                                              
                                                <li>
                                                    <a href="">荣耀专区</a>
                                                </li>
                                                <li>
                                                    <a href="">企业购</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            产品
                                            <ul class="cp">
                                                <li>
                                                    <a href="">手机</a>
                                                </li>
                                                <li>
                                                    <a href="">笔记本</a>
                                                </li>
                                                <li>
                                                    <a href="">平板</a>
                                                </li>
                                                <li>
                                                    <a href="">智能穿戴</a>
                                                </li>
                                                <li>
                                                    <a href="">智能家居</a>
                                                </li>
                                                <li>
                                                    <a href="">智慧屏</a>
                                                </li>
                                                <!-- <li>
                                                    <a href="">耳机音箱</a>
                                                </li>
                                                <li>
                                                    <a href="">热销配件</a>
                                                </li>
                                                <li>
                                                    <a href="">生态产品</a>
                                                </li>
                                                <li>
                                                    <a href="">增值服务</a>
                                                </li> -->
                                            </ul>
                                        </li>
                                        <li>
                                            增值服务
                                            <ul class="fw">
                                                <li>
                                                    <a href="">以旧换新</a>
                                                </li>
                                                <li>
                                                    <a href="">补购保障</a>
                                                </li>
                                                <li>
                                                    <a href="">一口价换电池</a>
                                                </li>
                                                <li>
                                                    <a href="">补购保障</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            会员
                                            <ul class="vip">
                                                <li>
                                                    <a href="">会员频道</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="li3">
                                <b>|</b>
                                <a href="">手机版</a>
                                <span>∨</span>
                                <div class="yc3">
                                    <div class="yc3-con">
                                        <div class="yc3_f">
                                            <img src="../img/index03.png" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>华为商城APP</h2>
                                            <p>新人专享好礼 <br>最高5000积分</p>
                                            <i>
                                                <img src="../img/index04.jpg" alt="">
                                            </i>
                                            <i>
                                                <img src="../img/index05.jpg" alt="">
                                            </i>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                        <div class="yc3_f">
                                            <img src="../img/index07.jpg" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>华为商城公众号</h2>
                                            <p>微信扫一扫</p>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                        <div class="yc3_f">
                                            <img src="../img/index06.jpg" alt="">
                                        </div>
                                        <div class="yc3_r">
                                            <h2>微信小程序</h2>
                                            <i>
                                                <img src="../img/login03.jpg" alt="">
                                            </i>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header_foot">
                <div class="foot-wrap">
                    <div class="header_foot_con">
                        <div class="header_foot_f">
                            <div class="foot_f_f">
                                <img src="../img/Index08.png" alt="">
                            </div>
                            <div class="foot_f_r">
                                <!-- <ul>
                                    <li class="foot_f_r_img">
                                        <a href="">
                                            <img src="../img/index09.png" alt="">
                                        </a>
                                    </li>
                                    <li class="foot_f_r_img">
                                        <a href="">
                                            <img src="../img/index10.png" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">华为 P40 系列</a>
                                    </li>
                                    <li>
                                        <a href="">荣耀30系列</a>
                                    </li>
                                    <li>
                                        <a href="">安心居家</a>
                                    </li>
                                </ul> -->
                                <h2>我的购物车</h2>
                            </div>
                        </div>
                        <div class="header_foot_r">
                            
                            <div class="foot_r_con">
                               
                                <img src="../img/index02.jpg" alt="">
                               
                                <!-- <div class="foot_r_con_ss">
                                    <input type="text" placeholder="畅享20 Pro 荣耀X10">
                                </div>
                                <span >
                                    <img src="../img/index11.jpg" alt="" >
                                    
                                </span>
                                <div class="foot_r_yc"></div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shop-con">
        <div class="shop-con_t">
            <p>您还没有登录！登录后可查看之前加入的商品</p>
            <a href="">登录</a>
        </div>
        <div class="shop-con_title">
            <div class="shop_title_con">
                <div class="shop_title_con_f">
                    <input type="checkbox" >
                    <span>全选</span>
                </div>
                <div class="shop_title_con_r">
                    <ul>
                        <li>商品</li>
                        <li>单价</li>
                        <li>数量</li>
                        <li>小计</li>
                        <li>操作</li>
                        
                    </ul>
                </div>
            </div>
        </div>
        <div class="shop-con_c">
            <div class="shop-con_c_t">
                <div class="shop-con_c_t_l" >
                    <input type="checkbox">
                </div>
                <div class="shop-con_c_t_r" >
                    <div class="shop-con_c_t_r_img">
                        <img src="../img/shop01.png" alt="">
                    </div>
                    <div class="shop-con_c_t_r_ul">
                        <ul>
                            <li>
                                <a href="">HUAWEI nova 7 5G 前置3200万像素高清自拍 后置6400万变焦四摄  麒麟985 5G SoC 芯片 8GB+128GB 全网通版（7号色）</a>
                                <p>7号色 5G全网通 8GB+128GB 官方标配</p>
                                <p>分期免息</p>
                            </li>
                            <li>¥ 2999.00</li>
                            <li>
                                <input class="join-money" type="text" value="1" >
                                <span>
                                    <a class="min" href="javaScript:;">-</a>
                                    <a class="add" href="javaScript:;">+</a>
                                </span>
                            </li>
                            <li>
                                <span> ¥</span>
                                <span class="allMoney">2999.00</span>
                                </li>
                            <li>
                                <a id="remove" href="">删除</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="shop-con_c_c">
                <div class="shop-con_c_con">
                    <div class="shop-con_c_c_r_img">
                        <img src="../img/shop01.png" alt="">
                        
                    </div>
                    <p>配</p>
                    <ul>
                        <li>
                            <a href="">华为手环 3e跑步精灵（颜色随机）</a>
                            
                        </li>
                        <li>¥0.00</li>
                        <li>x1</li>
                        <li>¥0.00</li>
                        <!-- <li>
                            <a href="">删除</a>
                        </li> -->
                    </ul>
                </div>
                <div class="shop-con_c_con">
                    <div class="shop-con_c_c_r_img">
                        <img src="../img/shop01.png" alt="">
                        
                    </div>
                    <p>配</p>
                    <ul>
                        <li>
                            <a href="">华为手环 3e跑步精灵（颜色随机）</a>
                            
                        </li>
                        <li>¥0.00</li>
                        <li>x1</li>
                        <li>¥0.00</li>
                        <!-- <li>
                            <a href="">删除</a>
                        </li> -->
                    </ul>
                </div>
                <div class="shop-con_c_con">
                    <div class="shop-con_c_c_r_img">
                        <img src="../img/shop01.png" alt="">
                        
                    </div>
                    <p>配</p>
                    <ul>
                        <li>
                            <a href="">华为手环 3e跑步精灵（颜色随机）</a>
                            
                        </li>
                        <li>¥0.00</li>
                        <li>x1</li>
                        <li>¥0.00</li>
                        <!-- <li>
                            <a href="">删除</a>
                        </li> -->
                    </ul>
                </div>
            </div>
            <div class="shop-con_c_b">
                <div class="shop-con_c_b_t">
                    <input type="checkbox">
                    <p>碎屏(含后盖)服务宝1年</p>
                    <p>¥249.00</p>
                    <a href="">了解详情</a>
                </div>
                <div class="shop-con_c_b_t">
                    <input type="checkbox">
                    <p>延长服务宝</p>
                    <!-- <p>¥249.00</p>
                    <a href="">了解详情</a> -->
                </div>
               
            </div>
        </div>
        <div class="shop-con_b">
            <div class="shop-con_b_l">
                <input type="text">
                <span> 全选</span>
                <a href="">删除</a>
            </div>
            <div>
                <div class="shop-con_b_c">
                    <p>总计：<b>¥  0.00</b></p>
                    <span>
                        <p>已选择</p>
                        <p>件商品，优惠：</p>
                        <p>¥ 0.00</p>
                    </span>
                </div>
                <div class="shop-con_b_r">
                    <p>
                        <a href="">立即结算</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="shop-con_foot">
            <h2>已删除商品</h2>
            <div class="shop-con_foot_t">
                <ul>
                    <li>商品</li>
                    <li>数量</li>
                    <li>金额</li>
                    <li>操作</li>
                </ul>
            </div>
            <div class="shop-con_foot_b">
                <ul>
                    <li>
                        <a href="">HUAWEI Mate 30 Pro 5G 全网通 8GB+128GB 麒麟990 双4000万徕卡电影四摄（亮黑色）</a>
                    </li>
                    <li>x1</li>
                    <li>¥5899.00</li>
                    <li>
                        <a href=""> 重新购买</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-wrap">
            <!-- <div class="footer-wrap_t">
                <img src="../img/footer01.jpg" alt="">
            </div> -->
            <div class="footer_nav">
                <ul>
                    <li>
                        <a href="">百强企业 品质保证</a>
                    </li>
                    <li>
                        <a href="">7天退货 15天换货</a>
                    </li>
                    <li>
                        <a href="">48元起免运费</a>
                    </li>
                    <li>
                        <a href="">1000家维修网点 全国联保</a>
                    </li>
                </ul>
            </div>
            <div class="footer-wrap_c">
               <div class="footer_c_l">
                   <ul>
                       <li>
                          <p> 购物相关</p>
                          <ul>
                              <li>
                                  <a href="">购物指南</a>
                              </li>
                              <li>
                                <a href="">配送方式</a>
                            </li>
                            <li>
                                <a href="">支付方式</a>
                            </li>
                            <li>
                                <a href="">常见问题</a>
                            </li>
                          </ul>
                        </li>
                        <li>
                            <p>保修与退换货</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>维修与技术支持</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>特色服务</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>关于我们</p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                         </li>
                         <li>
                            <p>友情链接 <></p>
                            <ul>
                                <li>
                                    <a href="">购物指南</a>
                                </li>
                                <li>
                                  <a href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                            </ul>
                            
                         </li>
                   </ul>
               </div>
               <div class="footer_c_r">
                   <div class="footer_c_r_t">
                       <ul>
                           <li>
                               <p>950805</p>
                           </li>
                           <li>
                               <a href="">7x24小时客服热线（仅收市话费）</a>
                           </li>
                           <li>
                               <a href=""  class="footer_c_r_bj"> 在线客服</a>
                           </li>
                       </ul>
                   </div>
                   <div class="footer_c_r_b">
                       <ul>
                           <li>
                               <h2>关注Vmall：</h2>
                           </li>
                           <li>
                               <a href="">
                                   <img src="../img/index06.jpg" alt="">
                               </a>
                           </li>
                           <li>
                            <a href="">
                                <img src="../img/index03.png" alt="">
                            </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../img/index04.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="../img/index05.jpg" alt="">
                                </a>
                            </li>
                       </ul>
                   </div>
               </div>
            </div>
            <div class="footer-wrap_b">
                <div class="footer_b_con">
                    <div class="footer_b_con_f">
                        <a href="">
                            <img src="../img/footer02.png" alt="">
                        </a>
                    </div>
                    <div class="footer_b_con_c">
                        <ul>
                            <li>
                                <a href="">华为集团</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为CBG官网</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">荣耀官网</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">花粉俱乐部</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为应用市场</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">EMUI</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为终端云空间</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">开发者联盟</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">华为商城手机版</a>
                                <b>|</b>
                            </li>
                            <li>
                                <a href="">网站地图</a>
                                
                            </li>

                        </ul>
                        <span>
                            <a href="">隐私声明</a>
                            <a href="">服务协议</a>
                            <a href="">COOKIES</a>
                            <a href=""> Copyright © 2012-</a>
                            <a href="">2020</a>
                            <a href=""> 华为终端有限公司 版权所有 </a>
                            <a href="">粤ICP备19015064号</a>
                            <b>|</b>
                            <a href="">粤公网安备 44190002003939号</a>
                            <a href="">增值电信业务经营许可证：粤B2-20190762</a>
                            <a href="">备案主体编号：44201919072182</a>
                        </span>
                    </div>
                    <div class="footer_b_con_r">
                        <a href="">
                            <img src="../img/footer03.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<!-- <script src="../js/require.js" data-main="../js/main.shoppin"></script> -->
<script src="../js/jquery.min.js"></script>
<script src="../js/shoppin.cart.js"></script>